@for $i from 1 through 300 {
	.m-#{$i} {
		margin: $i + 0px;
	}

	.mt-#{$i} {
		margin-top: $i + 0px;
	}

	.ml-#{$i} {
		margin-left: $i + 0px;
	}

	.mb-#{$i} {
		margin-bottom: $i + 0px;
	}

	.mr-#{$i} {
		margin-right: $i + 0px;
	}

	.pt-#{$i} {
		padding-top: $i + 0px;
	}

	.pl-#{$i} {
		padding-left: $i + 0px;
	}

	.pb-#{$i} {
		padding-bottom: $i + 0px;
	}

	.pr-#{$i} {
		padding-right: $i + 0px;
	}

	.p-#{$i} {
		padding: $i + 0px;
	}

	.fs-#{$i} {
		font-size: $i + 0px;
	}
}

.pointer {
	cursor: pointer;
}